import React from 'react';
import { PrimaryC, PrimaryGhostC, PrimaryTextC } from '../../comps';
import { Tooltip } from 'antd';

class ButtonDemo extends React.Component {
  tiaozhuan = () => {
    window.location.href = 'http://eip.htsc.com.cn/';
  };
  render() {
    return (
      <div style={{ padding: '20px' }}>
        <iframe src='http://localhost:7100/about' width='100%' height='500' />
        <PrimaryC title='查询12322333' style={{ margin: '10px' }} helper='123' onClick={this.tiaozhuan} />
        <PrimaryC title='查询12322333' style={{ margin: '10px' }} icon='download' onClick={() => console.log('dianji')} />
        <PrimaryC title='查询' loading={true} style={{ margin: '10px' }} onClick={() => console.log('dianji')} />
        <PrimaryC title='查询查询' disabled={true} style={{ margin: '10px' }} onClick={() => console.log('dianji')} />
        <PrimaryGhostC title='取消' helper='123' style={{ margin: '10px' }} onClick={() => console.log('dianji')} />
        <PrimaryGhostC title='取消' icon='download' style={{ margin: '10px' }} onClick={() => console.log('dianji')} />
        <PrimaryGhostC title='取消' loading={true} style={{ margin: '10px' }} onClick={() => console.log('dianji')} />
        <PrimaryGhostC title='取消' disabled={true} style={{ margin: '10px' }} onClick={() => console.log('dianji')} />

        <PrimaryTextC title='查询' onClick={() => console.log('dianji')} />
        <PrimaryTextC title='取消' disabled={true} style={{ margin: '10px' }} onClick={() => console.log('dianji')} />
      </div>
    );
  }
}

export default ButtonDemo;
